<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="description" content="jQuery图像照片剪裁插件Jcrop" />
<meta name="description" content="张鑫旭web前端学习之jQuery" />
<meta name="keywords" content="张鑫旭,鑫空间-鑫生活,博客,web前端,css,JavaScript,jQuery,插件,demo页面,学习" />
<meta name="author" content="张鑫旭,zhangxixnu" />
<title>jQuery图像照片剪裁插件Jcrop</title>
<link rel="shortcut icon" href="http://www.zhangxinxu.com/zxx_ico.png" />
<link rel="stylesheet" href="css/common.css" type="text/css" />
<style type="text/css">
.zxx_dot_list{padding:8px 0 16px 20px;}
.zxx_dot_list li{padding:4px 0; list-style-type:disc;}
</style>
</head>

<body>
<div class="zxx_out_box">
    <div class="zxx_in_box">
        <div class="zxx_header">
            <a href="http://www.zhangxinxu.com/">
                <img class="l" src="http://www.zhangxinxu.com/wordpress/wp-content/themes/default/images/index_logo.gif" />
            </a>
            <span class="zxx_author_time">by zhangxinxu 2009-11-11 23:15</span>
        </div> 
        <h1 class="zxx_title">jQuery图像照片剪裁插件Jcrop中文演示</h1>
        <div class="zxx_main_con">
        	<div class="zxx_test_list">
            	<strong>Jcrop是jQuery环境下的一款功能强大使用的图片剪裁插件。</strong>
                <p class="mt10 mb20"><img src="image/jcrop.png" /></p>
                <h3>静态演示页面</h3>
                <ul class="zxx_dot_list dot">
                	<li><a href="demo/example1.html">从最简单的开始</a> — 默认的行为表现</li>
                    <li><a href="demo/example2.html">基本处理程序</a> — 基本形式的结合</li>
                    <li><a href="demo/example3.html">锁定纵横比/剪裁效果图预览</a> — 不错的效果示例</li>
                    <li><a href="demo/example4.html">设置/动画选择（初级API）</a> — 动画演示</li>
                    <li><a href="demo/example5.html">API接口（高级）</a> — 实时API的例子</li>
                </ul>
                <h3 class="mt10">实时演示页面</h3>
                <ul class="zxx_dot_list">
                	<li><a href="demo/crop.php">PHP页面下的剪裁示范</a> — 需要PHP/GD的支持</li>
                </ul>
            </div>
        </div>
        <div class="zxx_footer">
            Copyright &copy; by <a href="http://www.zhangxinxu.com/">张鑫旭-鑫空间-鑫生活</a>
            |
            <a href="http://www.zhangxinxu.com/wordpress/?p=359">该篇相关文章</a>
        </div>
    </div>
</div>
</body>
</html>
